<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Welcome to MOMA</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
		<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
		<!--script src="js/less-1.3.3.min.js"></script-->
		<!--append ‘#!watch’ to the browser URL, then refresh the page. -->

		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<![endif]-->

		<!-- Fav and touch icons -->
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
		<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
		<link rel="shortcut icon" href="img/favicon.png">

		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/login.js"></script>
	</head>

	<body>
		<div class="bodyContainer">
			<div class="row clearfix">
				<div class="col-md-6 column">
					<div id="loginDiv">
						<form class="form-horizontal" role="form">
							<div class="form-group">
								<div class="col-sm-10">
									<input type="text" class="form-control" id="inputFirstName" min="2" max="10" required="required" placeholder="First Name">
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-10">
									<input type="text" class="form-control" id="inputLastName" min="2" max="10"  required="required" placeholder="Last Name">
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-10">
									<input type="password" class="form-control" id="inputPassword" required="required" placeholder="Password">
								</div>
							</div>

							<div class="form-group">
								<div class="col-sm-10">
									<a href="#" onclick="userLogin()" class="btn btn-info" style="width:15%;font-size:100%"> Login </a>
									<a href="#" onclick="userSignup()" class="btn btn-info"style="width:15%;font-size:100%"> Signup </a><br>
									<a style="text-decoration:none" href="mailto:oreporan@gmail.com?Subject=Mondial" target="_top">Forgot Password?</a>
								</div>
							</div>
						</form>
					</div>

				</div>
				<div class="col-md-6 column" id="helpDiv">
					<div id="howToPlayDiv" class='jumbotron well'>
						<h2 style="text-align:center">לפני שאתה מפסיד ת'בוכטי - איך משחקים </h2>
						<div class="panel-group" id="panel-149504">
							<div class="panel panel-default">
								<div style="text-align: center" class="panel-heading">
									<a   class="panel-title collapsed " data-toggle="collapse" data-parent="#panel-149504" href="#panel-element-692900">$1</a>
								</div>
								<div id="panel-element-692900" class="panel-collapse collapse">
									<div class="panel-body">
										<p>
											המטרה היא לסיים עם הכי הרבה נקודות בקבוצה
											<br>
											<br>
											עד תחילת הטורניר אתה חייב להספיק להמר על:
											אלופה,מצטיין הטורניר ע"פ פיפ"א, מי ה 2 עולות מכל בית <u>ובאיזה מיקום</u>, ו...להמר על כל התוצאות של כל משחקי שלב הבתים

										</p>
										<h3>כל הניקוד נמצא בעמוד ההימורים - שנסגר ממש לפני כל שלב בטורניר</h3>
										<p>
											משם תוכלו להיכנס לשלב הבתים ולראות מה כל אחד הימר ובמה פגע
										</p>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading">
									<a class="panel-title" data-toggle="collapse" data-parent="#panel-149504" href="#panel-element-153993">$2</a>
								</div>
								<div id="panel-element-153993" class="panel-collapse collapse">
									<div class="panel-body">
										<p>
											מהרגע שנגמר שלב הבתים  - תוכלו להיכנס לעמוד ההימור הבא - אבל
											<br>
											אם לא הימרתם על הקבוצה הזו שתעלה מהבית - לא תוכלו להמר עליה בשלב הבא
										</p>
										<p align="center">

											Damnnnn Son
											<br>
											Ya heard me <b>nigga</b>

										</p>
										טוב תוכלו
										<br>
										<p>
											אבל זה יעלה בקנס! מה שכן - אם נפגשות 2 קבוצות בשמינית גמר שעל <b>שתיהם</b>
											לא הימרת שיעלו מהבתים - המשחק נעול הרמטית
											<br>
											מה שאומר שגם בשלב הבא נדפקת ובמקרה הטוב

											תוכל לפתוח ת'משחק הבא
										</p>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading">
									<a class="panel-title" data-toggle="collapse" data-parent="#panel-149504" href="#panel-element-731224">$3</a>
								</div>
								<div id="panel-element-731224" class="panel-collapse collapse">
									<div class="panel-body">
										<p>
											בכל שלב נוקאוט צריך להמר על מי עולה, ומה התוצאה 
											<u>אחרי 90 דקות</u>
										</p>
										<p>
											טעית בהימור, שוב המשחק הבא נעול...ככה כל הדרך אל הגמר
										</p>
										<B>אבל יש עוד סיכוי - </B>עם הנקודות ממלך שערים, מצטיין, ואלופת הטורניר
										
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="modal-container-129013" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content" style="text-align: right">
					<div class="modal-body">
						<p id="popupText">
							<div class="form-group">
								<div class="col-sm-10">
									<input type="password" class="form-control" id="inputPasswordConfirm" required="required" placeholder="Password Again!">
								</div>
							</div>
						</p>
					</div>
					<div class="modal-footer" id="loginPopupButtons">
						<a href="#"><button type="button" class="btn btn-info" data-dismiss="modal">
							OK
						</button></a>
					</div>
				</div>

			</div>

		</div>
	</body>
</html>
